#2B5AC1

Color Details

HEX
#2B5AC1
RGB
rgb(43, 90, 193)
HSL
hsl(221, 64%, 46%)
CMYK
cmyk(78%, 53%, 0%, 24%)
Best text on this color #FFFFFF (CR 6.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b5ac1
Contrast 3.34:1 Fail
White on #2b5ac1
Contrast 6.30:1 AA
#2b5ac1 on Black
Contrast 3.34:1 Fail
#2b5ac1 on White
Contrast 6.30:1 AA

Tints & Shades

#557bcd
#809cda
#aabde6
#22489a
#1a3674
#11244d

Complement & Analogous

#c0912a
#462ac0
#2aa5c0

Triadic

#c02a5a
#5ac02a

Monochrome

#11244d #1a3674 #2b5ac1 #809cda #aabde6 #d5def3

Analogous

#2aa5c0 #6ac0d3 #2b5ac1 #6b55cd #462ac0 #38229a

Complementary Mix

#1a3674 #2b5ac1 #809cda #c0912a #d6b875 #7d5e1b

Nearby Colors

#2b5ac0
#2b5ac2
#2b5ab1
#2b5ad1

Embed #2B5AC1 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2B5AC1

#2B5AC1 converts to RGB(43, 90, 193) and HSL(221, 64%, 46%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2B5AC1 FAQs

What is the RGB value of #2B5AC1?
RGB: 43, 90, 193. Copy as CSS: rgb(43, 90, 193)
Is #2B5AC1 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B5AC1?
Complement: #c0912a.
Does #2B5AC1 have good contrast on white or black?
On white: 6.30:1 (AA (normal text)). On black: 3.34:1 (AA (large text)).